import React, { Component } from 'react'
import CategoryDetail from '../../components/category-detail'
export default class Smartisan extends Component {
    constructor (props) {
        super(props)
        this.state = {
            list:[
                {
                    id:1,
                    title:'官方配件',
                    netlist:[
                        {
                            dId:11,
                            name:'数据线',
                            images:'https://resource.smartisan.com/resource/8635cb91f2cdbbc5576e069c52b99412.jpg'
                         },
                         {
                             dId:12,
                             name:'充电器',
                             images:'https://resource.smartisan.com/resource/a668d1a5f41b04ece82d76ded1e94d3a.jpg'
                         },
                         {
                             dId:13,
                             name:'线控耳机',
                             images:'https://resource.smartisan.com/resource/ce632bd67465027861707ec221b37c2d.jpg'
                         },
                         {
                             dId:14,
                             name:'移动电源',
                             images:'https://resource.smartisan.com/resource/33954b3f6a2f1614c5482ef130af9cc8.jpg'
                         },
                         {
                             dId:15,
                             name:'拍照配件',
                             images:'https://resource.smartisan.com/resource/f55641e23f35f6dd82226b6c4a043f00.jpg'
                         },
                         {
                             dId:16,
                             name:'车载配件',
                             images:'https://resource.smartisan.com/resource/d4480234a2f24b0ff5acd98288fd902d.jpg'
                         },
                         {
                             dId:17,
                             name:'音箱/音响',
                             images:'https://resource.smartisan.com/resource/6e96ccea3bd56bdd2243eb20330cec30.jpg'
                         }
                    ]
                }
            ]
        }
    }
    render() {
        return (
            <>
                <CategoryDetail list={this.state.list}/>
            </>
        )
    }
}


